vhxubo's blog
关于

Webpack4 学习记录

Webpack是一个前端打包工具，只能用于采用模块化开发的项目。

Webpack最主要的就是各种loader和plugin

v5与v4差别较大，在使用时以官网文档为准。

对于学习还是需要用到再去学比较好呀，笼统的全学了太难为人了

html-webpack-pulgin

css-loader,style-loader

mini-css-extract-plugin

清理dist目录

通常比较推荐的做法是，在每次构建前清理 /dist 文件夹，这样只会生成用到的文件。让我们使用 output.clean 配置项实现这个需求。

 const path = require('path');
 const HtmlWebpackPlugin = require('html-webpack-plugin');

 module.exports = {
   entry: {
     index: './src/index.js',
     print: './src/print.js',
   },
   plugins: [
     new HtmlWebpackPlugin({
       title: 'Output Management',
     }),
   ],
   output: {
     filename: '[name].bundle.js',
     path: path.resolve(__dirname, 'dist'),
    clean: true,  //like this
   },
 };

参考